<template>
  <div class="msgIndex">
    <ComHeader title="消息详情" leftArrow='true' />
    <div class="wrap">
      <h3>{{data.title}}</h3>
      <div class="date">
        {{data.addtime}}
      </div>
      <div class="content">
        {{data.msg}}
      </div>
    </div>
  </div>
</template>
<script>
import Vue from 'vue'
import ComHeader from '@/common/ComHeader'
import ComFooter from '@/common/ComFooter'
import { Cell, Badge } from 'mint-ui';

  export default {
    data(){
      return {
        items: [],
        data: null
      }
    },
    mounted () {
    },

    components: {
      ComHeader
    },
    created() {
      this.data = this.getlocalStorage('msgDetail')
    },
    methods: {

    }
  }
</script>
<style lang="stylus" scoped>
.wrap{
  margin:1.8rem 0.3rem 0;
  padding: 0.4rem 0.3rem 0.6rem ;
  background-color: #fff ;
  border-radius: 0.5rem;
  h3{
    text-align: center;
    font-size: .5rem;
    /* font-weight:600; */
    letter-spacing:0.08rem;
  }
  .date{
    padding: .3rem 0;
    text-align: center;
    color: #777;
    border-bottom:1px solid #eee;margin-bottom: 0.3rem;
  }
  .content{
    /* width: 86%; */
    margin: 0 auto;
    text-indent: 0.8rem;
    line-height: 0.6rem;
    letter-spacing:0.02rem;
  }
}
</style>
